<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="jquery.min.js"></script>
</head>

<body>
  <div>
    <span>我是内容</span>
  </div>
  <input type="text" value="请输入内容">
  <script>
    // 1. 获取设置元素内容 html()
    console.log($("div").html()) // 把标签跟文本内容一起获取  <span>我是内容</span>
    $("div").html("123") // 这里可以对内容进行修改 有innerHTML的作用

    // 2. 获取设置元素文本内容 text()
    console.log($("div").text()) // 只获取文本内容 不会获得标签  123
    $("div").text("456") // 也可以对内容进行修改 

    // 3. 获取设置表单值 val()
    console.log($("input").val()) // 注意 val值 只存在表单当值 表单 input
    $("input").val("123") // 把表单里面的 默认值 修改成 123
  </script>
</body>

</html>